<template>
    <div class="home-page text-center">
        <h1 class="title">{{$t('global.title')}}</h1>
        <el-row :gutter="24">
            <el-col :span="12" class="text-right">
                <img class="wel-img" src="https://img2.baidu.com/it/u=1441153971,4013482287&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500" alt="">
            </el-col>
            <el-col :span="12" class="text-left">
                <img class="wel-img" src="https://img0.baidu.com/it/u=1844314,2698325130&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500" alt="">
            </el-col>
        </el-row>
    </div>
</template>

<script>
</script>

<style scoped lang="scss">
.home-page {
    padding-top: 15vh;
}
.title {
    font-size: 60px;
}
.intro {
    max-width: 800px;
    margin: 0 auto;
    color: #8f8f8f;
    line-height: 36px;
}
.wel-img {
    width: 26vw;
    min-width: 200px;
}
</style>
